$(document).ready(function(){

  // set svg Logo
  checkLogo();

  // change link for front-page logo
  $('body.cc-page-index .jtpl-logo a').attr('href', '#content_area');

});

window.onload = function(){

  // automated generation of scroll buttons for headings
  btnContainer();

  // modifications of cookie banner
  // headerPosition();

  // Smooth scrolling
  $('a[href^="#"]').on('click',function(e) {
    e.preventDefault();
    var target = this.hash;
    var $target = $(target);
    // var navOffsetFactor = ($('nav.jtpl-navigation').hasClass('jtpl-navigation--fixed-top')) ? 1 : 2; // determine if navbar is fixed
    // var navOffset = $('nav.jtpl-navigation').outerHeight(); // get nav height
    // navOffset = navOffset * navOffsetFactor + 12; // calculate offset and add margin
    navOffset = 0;
    $('html, body').stop().animate({
      'scrollTop': $target.offset().top - navOffset
    }, 900, 'swing', function () {
//        window.location.hash = target;
    });
  });
}; // /window onload

window.onresize = function(){
  checkLogo();
  // headerPosition();
}; // /window onresize

// window.onclick = function(){
//   // headerPosition();
// }; // /window onclick

function headerPosition(){
  cookielaw = $('#cc-cookie-law');
  cookieheight = cookielaw.outerHeight();
  if (cookielaw.is(":visible")){
      if ($('nav.jtpl-navigation').is(":visible")) {
        console.log('desktop-nav');
        $('header').css('padding-top',cookieheight);
//          $('cc-inner').css('padding-top','');

      } else {
        console.log('mobile-nav / cookielaw.height: '+cookieheight);
        $('header').css('padding-top','');
//          $('cc-inner').css('padding-top',cookieheight);
      }
  } else {
    $('header').css('padding-top','');
    $('cc-inner').css('padding-top','');
  }
};

function btnContainer(){
  var container = $('.one-page-btn-container');
  container.each(function(){
      $(this).parents('.j-module').nextAll('.j-header').each(function(){
          id = $(this).attr('id');
          title = $(this).find('h1,h2,h3,h4').text();
          container.append('<a href="#' + id + '" class="pi-scrollLink">' + title + '<\/a>');
      })
  })
}

function checkLogo(){
  var logoShould = '';
  if (window.innerWidth < logoBreakpoint){
    logoShould = 'narrow';
  } else {
    logoShould = 'wide';
  }
  var logoContainer = $('#cc-website-logo a');
  var logoIs = logoContainer.find('div.logo').attr('class');
  if (logoIs != logoShould){
    changeLogo(logoContainer, logoShould);
  }
}

function changeLogo(logoContainer, logoStyle){
  // styles: logoSrc, logoSrcIcon, logoSrcText
  logoContainer.find('img').remove();
  logoContainer.find('div.logo').remove();
  logoContainer.append('<div class="logo '+logoStyle+'">' + logoSrc + '</div>');
  // if (logoStyle == 'narrow'){
  //   logoContainer.append('<img class="narrow" src="' + logoSrc + '" />');
  // } else if (logoStyle == 'wide'){
  //   logoContainer.append('<img class="wide" src="' + logoSrcText + '" />');
  // } else {
  //   console.log('logo style not recognized');
  // }
}